; (function (win) {
  function XyTools() {

  }

  XyTools.prototype = {
    FD(date, format = 0, symbol_date = '-', symbol_time = ':', type = 24) {
      /**
       * FormatDate 格式化日期
       * @autor xy           
       * @param date         格式化的时间
       * @param type         返回的格式 0: 日期 + 时间  1: 日期  2: 时间
       * @param symbol_date  分割年月日的符号
       * @param symbol_time  分割时分秒的符号
       * @param type         12小时 或者 24小时
      */
      var D = new Date(date);
      type = parseInt(type) == 12 ? 12 : 24;

      var y = D.getFullYear();
      var m = (D.getMonth() + 1).toString().padStart(2, '0'); // 	不及2位的用0补齐
      var d = D.getDate().toString().padStart(2, '0');
      var noon; //! 记录上午 下午

      if (type == 12) {
        var arr = D.toLocaleTimeString('chinese', { hour12: true }).split('');

        noon = arr[0] + arr[1];
        arr.splice(0, 2);
        arr = arr.join('').split(':');

        var h = arr[0];
        var min = arr[1];
        var s = arr[2];
      } else {
        var h = D.getHours().toString().padStart(2, '0');
        var min = D.getMinutes().toString().padStart(2, '0');
        var s = D.getSeconds().toString().padStart(2, '0');
      }

      if (symbol_date && symbol_time) { //! 以符号拼接
        if (format == 0) {
          return [y, m, d].join(symbol_date.toString()) + ' ' + [h, min, s].join(symbol_time) + (type == 12 ? (' ' + noon) : '');
        } else if (format == 1) {
          return [y, m, d].join(symbol_date.toString());
        } else {
          return [h, min, s].join(symbol_time) + (type == 12 ? (' ' + noon) : '');;
        }
      } else if (symbol_date && !symbol_time) {
        if (format == 0) {
          return [y, m, d].join(symbol_date.toString()) + ' ' + h + '时' + min + '分' + s + '秒' + (type == 12 ? (' ' + noon) : '');
        } else if (format == 1) {
          return [y, m, d].join(symbol_date.toString());
        } else {
          return h + '时' + min + '分' + s + '秒' + (type == 12 ? (' ' + noon) : '');
        }
      } else if (!symbol_date && symbol_time) {
        if (format == 0) {
          return y + '年' + m + '月' + d + '日' + ' ' + [h, min, s].join(symbol_time) + (type == 12 ? (' ' + noon) : '');
        } else if (format == 1) {
          return y + '年' + m + '月' + d + '日';
        } else {
          return [h, min, s].join(symbol_time) + (type == 12 ? (' ' + noon) : '');
        }
      } else {
        if (format == 0) {
          return y + '年' + m + '月' + d + '日' + ' ' + h + '时' + min + '分' + s + '秒' + (type == 12 ? (' ' + noon) : '');
        } else if (format == 1) {
          return y + '年' + m + '月' + d + '日';
        } else {
          return h + '时' + min + '分' + s + '秒' + (type == 12 ? (' ' + noon) : '');
        }
      }
    },

    CS(date) {
      /**
       * CNDateString 将日期转化为大写
       * @autor xy   
       * @param date 需要转化的时间
      */
      var cn = ["〇", "一", "二", "三", "四", "五", "六", "七", "八", "九"];
      var s = [];
      var YY = date.getFullYear().toString();
      for (var i = 0; i < YY.length; i++)
        if (cn[YY.charAt(i)])
          s.push(cn[YY.charAt(i)]);
        else
          s.push(YY.charAt(i));
      s.push("年");
      var MM = date.getMonth() + 1;
      if (MM < 10)
        s.push(cn[MM]);
      else if (MM < 20)
        s.push("十" + cn[MM % 10]);
      s.push("月");
      var DD = date.getDate();
      if (DD < 10)
        s.push(cn[DD]);
      else if (DD < 20)
        s.push("十" + cn[DD % 10]);
      else
        s.push("二十" + cn[DD % 10]);
      s.push("日");
      return s.join('');
    },

    set(key, data, mode = 1) {
      /**
      * 设置 LocalStorage sessionStorage
      * @autor xy   
      * @param key 键值
      * @param data 保存的数据
      */
      try {
        const result = JSON.stringify(data)
        if (mode) {
          localStorage.setItem(key, result)
        } else {
          sessionStorage.setItem(key, result)
        }
      } catch (error) {
        if (mode) {
          localStorage.setItem(key, data)
        } else {
          sessionStorage.setItem(key, result)
        }
      }
    },

    get(key, mode = 1) {
      /**
       * 获取 LocalStorage sessionStorage
       * @autor xy   
       * @param key 键值
      */

      let data;
      if (mode) {
        data = localStorage.getItem(key)
      } else {
        data = sessionStorage.getItem(key)
      }

      try {
        const result = JSON.parse(data)
        return result
      } catch (error) {
        return data
      }
    },

    remove(key, mode = 1) {
      /**
      * 移除 LocalStorage sessionStorage
      * @autor xy   
      * @param key 键值
     */
      try {
        if (mode) {
          localStorage.removeItem(key)
        } else {
          sessionStorage.removeItem(key)
        }

        return true
      } catch (error) {
        return false
      }
    },

    // 将base64转换为文件对象
    DUF(dataurl, filename, type = 'file') {
      /**
       * dataURLtoFile
       * @autor xy       
       * @param dataurl  base64字符串
       * @param filename 文件名
       * @param type     文件类型  
      */
      var arr = dataurl.split(',');
      var mime = arr[0].match(/:(.*?);/)[1];
      var bstr = atob(arr[1]);
      var n = bstr.length
      var u8arr = new Uint8Array(n);
      while (n--) {
        u8arr[n] = bstr.charCodeAt(n);
      }

      if (type == 'blob') {
        //! 转换成成blob对象
        return new Blob([u8arr], { type: mime });
      } else {
        //! 转换成file对象
        return new File([u8arr], filename, {
          type: mime
        });
      }
    },

    RI(length = 3) {
      /**
       * randomId 随机的ID生成器
       * @autor xy      
       * @param length  随机数长度
      */
      let ID = Number(Math.random().toString().substr(3, length) + Date.now()).toString(36);
      ID = ID.split('');
      ID.map((item, index) => {
        let flag = Math.random().toString().substr(3, 1) % 2;

        if (flag) {
          //! 随机转化为大写
          ID[index] = item.toUpperCase();
        }
      });

      return ID.join('');
    },

    DC(obj) {
      /**
      * 深度克隆
      * @autor xy      
      * @param obj  需要克隆的对象数组
     */
      var objClone = Array.isArray(obj) ? [] : {};
      if (obj && typeof obj === "object") {
        for (key in obj) {
          if (obj.hasOwnProperty(key)) {
            if (obj[key] && typeof obj[key] === "object") {
              objClone[key] = this.DC(obj[key]);
            } else {
              objClone[key] = obj[key];
            }
          }
        }
      }
      return objClone;
    },

    ZI(file, maxSize, quality) {
      /**
       * zipImg 图片压缩
       * @autor xy      
       * @param file    需要压缩的文件
       * @param maxSize 超过多少大小进行压缩
       * @param quality 压缩质量
      */
      if (file.file.size > parseInt(maxSize)) {
        //! 创建Canvas对象(画布)
        var canvas = document.createElement('canvas');
        //! 获取对应的CanvasRenderingContext2D对象(画笔)
        var context = canvas.getContext('2d');
        //! 创建新的图片对象
        var img = new Image();
        //! 指定图片的DataURL(图片的base64编码数据)
        img.src = file.content;

        img.onload = () => {
          //! 监听浏览器加载图片完成，然后进行进行绘制
          //! 指定canvas画布大小，该大小为最后生成图片的大小
          if (file.file.name.split('.')[1] == 'png') {
            canvas.width = 1600;
            canvas.height = 900;
          } else {
            canvas.width = 2560;
            canvas.height = 1440;
          }

          /* drawImage画布绘制的方法。(0,0)表示以Canvas画布左上角为起点，400，300是将图片按给定的像素进行缩小。
                如果不指定缩小的像素图片将以图片原始大小进行绘制，图片像素如果大于画布将会从左上角开始按画布大小部分绘制图片，最后的图片就是张局部图。*/
          context.drawImage(img, 0, 0, canvas.width, canvas.height);
          //! 将绘制完成的图片重新转化为base64编码，file.file.type为图片类型，0.92为默认压缩质量
          var base_img = canvas.toDataURL(file.file.type, quality);

          var blodBin = atob(base_img.split(',')[1]);
          var data = [];
          for (var i = 0; i < blodBin.length; i++) {
            data.push(blodBin.charCodeAt(i));
          }
          var blob1 = new Blob([new Uint8Array(data)], { type: 'image/png' });
          var file1 = new File([blob1], new Date().getTime() + '.png');

          return file1;
        };
      }
    },

    async UF(url, fileList) {
      /**
       * uploadFile 文件上传
       * @autor xy 
       * @param url  上传的地址
       * @param fileList  上传的文件列表
      */
      var formData = new FormData();
      fileList.map(item => {
        formData.append('file', item.file);
      });
      let time = new Date().valueOf();
      formData.append('moduleKey', time);
      formData.append('filePath', time);

      return new Promise((resolve, reject) => {
        this.xyRequest({
          method: 'POST',
          url: url + '/upload/moduleUploadFile',
          data: formData,
          header: {}
        })
          .then((res) => {
            resolve(res);
          }).catch(err => {
            reject(res);
          });
      });
    },

    async xyRequest(option) {
      /**
       * XR 封装的XMLHttpRequest
       * @autor xy 
       * @param url  请求地址
       * @param method 请求方法
       * @param data  请求数据
       * @param header 请求头
       * @param token token
      */
      class XyRequest {
        constructor(opt, callbackSuccess, callbackFail) {
          this.XHR = this.createXHR();
          this.URL = opt.url;
          this.METHOD = opt.method ? opt.method : 'GET';
          this.PARAMS = opt.data;
          this.HEADER = opt.header;
          this.TOKEN = opt.token;
          this.CALLBACK_RES = callbackSuccess;
          this.CALLBACK_ERR = callbackFail;

          this.init();
        }

        init() {
          let self = this;

          this.XHR.open(this.METHOD, this.URL, true);

          if (this.HEADER) {
            for (let i in this.HEADER) {
              this.XHR.setRequestHeader(i, this.HEADER[i]);
            }

            if (this.TOKEN) {
              this.XHR.setRequestHeader('token', this.TOKEN);
            }
          } else {
            this.XHR.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8');

            if (this.TOKEN) {
              this.XHR.setRequestHeader('token', this.TOKEN);
            }
          }

          this.XHR.onreadystatechange = this.requestReady.bind(this);

          this.XHR.send(this.METHOD === 'GET' ? null : this.PARAMS);
        }

        // 封装通用的XMLHttpRequest对象，兼容个个版本
        createXHR() {
          //! 判断浏览器是否将XMLHttpRequest 作为本地对象实现，针对IE7 fireFox opera等
          if (XMLHttpRequest) {
            return new XMLHttpRequest();
          } else if (typeof ActiveXObject != "undefined") {
            //! 将可能出现的ActiveXObject版本放在一个数组中
            var xhrArr = ['Microsoft.XMLHTTP', 'MSXML2.XMLHTTP.6.0', 'MSXML2.XMLHTTP.5.0', 'MSXML2.XMLHTTP.4.0'
              , 'MSXML2.XMLHTTP.3.0', 'MSXML2.XMLHTTP.2.0'];
            //! 遍历创建新的对象
            var len = xhrArr.length;

            for (var i = 0; i < len; i++) {
              try {
                //! 创建XMLHttpRequest对象
                xhr = new ActiveXObject(xhrArr[i]);
                break;
              } catch (ex) { }
            }

            return xhr;
          } else {
            throw new Error('No XHR object availabel');
          }
        }

        // 请求监听
        requestReady() {
          //! 异步调用成功
          if (this.XHR.readyState == 4) {
            if ((this.XHR.status >= 200 && this.XHR.status < 300) || this.XHR.status === 304) {
              //! 获得服务器返回的数据
              this.CALLBACK_RES(JSON.parse(this.XHR.responseText))
            } else {
              this.CALLBACK_ERR(JSON.parse(this.XHR.statusText))
            }
          }
        }
      }

      //! promise 返回请求结果
      return new Promise((resolve, reject) => {
        new XyRequest(option, (res) => {
          resolve(res);
        }, (err) => {
          reject(res);
        })
      });
    },

    GC(date) {
      /**
       * getCalendar
      * @1900-2100区间内的公历、农历互转
      * @charset UTF-8
      * @Author  Jea杨(JJonline@JJonline.Cn) 
      * @Time    2014-7-21
      * @Time    2016-8-13 Fixed 2033hex、Attribution Annals
      * @Time    2016-9-25 Fixed lunar LeapMonth Param Bug
      * @Time    2017-7-24 Fixed use getTerm Func Param Error.use solar year,NOT lunar year
      * @Version 1.0.3
      * @公历转农历：calendar.solar2lunar(1987,11,01);
      * @农历转公历：calendar.lunar2solar(1987,09,10);
      */
      var calendar = {
        /**
          * 农历1900-2100的润大小信息表
          * @Array Of Property
          * @return Hex 
          */
        lunarInfo: [0x04bd8, 0x04ae0, 0x0a570, 0x054d5, 0x0d260, 0x0d950, 0x16554, 0x056a0, 0x09ad0, 0x055d2,//1900-1909
          0x04ae0, 0x0a5b6, 0x0a4d0, 0x0d250, 0x1d255, 0x0b540, 0x0d6a0, 0x0ada2, 0x095b0, 0x14977,//1910-1919
          0x04970, 0x0a4b0, 0x0b4b5, 0x06a50, 0x06d40, 0x1ab54, 0x02b60, 0x09570, 0x052f2, 0x04970,//1920-1929
          0x06566, 0x0d4a0, 0x0ea50, 0x06e95, 0x05ad0, 0x02b60, 0x186e3, 0x092e0, 0x1c8d7, 0x0c950,//1930-1939
          0x0d4a0, 0x1d8a6, 0x0b550, 0x056a0, 0x1a5b4, 0x025d0, 0x092d0, 0x0d2b2, 0x0a950, 0x0b557,//1940-1949
          0x06ca0, 0x0b550, 0x15355, 0x04da0, 0x0a5b0, 0x14573, 0x052b0, 0x0a9a8, 0x0e950, 0x06aa0,//1950-1959
          0x0aea6, 0x0ab50, 0x04b60, 0x0aae4, 0x0a570, 0x05260, 0x0f263, 0x0d950, 0x05b57, 0x056a0,//1960-1969
          0x096d0, 0x04dd5, 0x04ad0, 0x0a4d0, 0x0d4d4, 0x0d250, 0x0d558, 0x0b540, 0x0b6a0, 0x195a6,//1970-1979
          0x095b0, 0x049b0, 0x0a974, 0x0a4b0, 0x0b27a, 0x06a50, 0x06d40, 0x0af46, 0x0ab60, 0x09570,//1980-1989
          0x04af5, 0x04970, 0x064b0, 0x074a3, 0x0ea50, 0x06b58, 0x055c0, 0x0ab60, 0x096d5, 0x092e0,//1990-1999
          0x0c960, 0x0d954, 0x0d4a0, 0x0da50, 0x07552, 0x056a0, 0x0abb7, 0x025d0, 0x092d0, 0x0cab5,//2000-2009
          0x0a950, 0x0b4a0, 0x0baa4, 0x0ad50, 0x055d9, 0x04ba0, 0x0a5b0, 0x15176, 0x052b0, 0x0a930,//2010-2019
          0x07954, 0x06aa0, 0x0ad50, 0x05b52, 0x04b60, 0x0a6e6, 0x0a4e0, 0x0d260, 0x0ea65, 0x0d530,//2020-2029
          0x05aa0, 0x076a3, 0x096d0, 0x04afb, 0x04ad0, 0x0a4d0, 0x1d0b6, 0x0d250, 0x0d520, 0x0dd45,//2030-2039
          0x0b5a0, 0x056d0, 0x055b2, 0x049b0, 0x0a577, 0x0a4b0, 0x0aa50, 0x1b255, 0x06d20, 0x0ada0,//2040-2049
          /**Add By JJonline@JJonline.Cn**/
          0x14b63, 0x09370, 0x049f8, 0x04970, 0x064b0, 0x168a6, 0x0ea50, 0x06b20, 0x1a6c4, 0x0aae0,//2050-2059
          0x0a2e0, 0x0d2e3, 0x0c960, 0x0d557, 0x0d4a0, 0x0da50, 0x05d55, 0x056a0, 0x0a6d0, 0x055d4,//2060-2069
          0x052d0, 0x0a9b8, 0x0a950, 0x0b4a0, 0x0b6a6, 0x0ad50, 0x055a0, 0x0aba4, 0x0a5b0, 0x052b0,//2070-2079
          0x0b273, 0x06930, 0x07337, 0x06aa0, 0x0ad50, 0x14b55, 0x04b60, 0x0a570, 0x054e4, 0x0d160,//2080-2089
          0x0e968, 0x0d520, 0x0daa0, 0x16aa6, 0x056d0, 0x04ae0, 0x0a9d4, 0x0a2d0, 0x0d150, 0x0f252,//2090-2099
          0x0d520],//2100

        /**
          * 公历每个月份的天数普通表
          * @Array Of Property
          * @return Number 
          */
        solarMonth: [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31],

        /**
          * 天干地支之天干速查表
          * @Array Of Property trans["甲","乙","丙","丁","戊","己","庚","辛","壬","癸"]
          * @return Cn string 
          */
        Gan: ["\u7532", "\u4e59", "\u4e19", "\u4e01", "\u620a", "\u5df1", "\u5e9a", "\u8f9b", "\u58ec", "\u7678"],

        /**
          * 天干地支之地支速查表
          * @Array Of Property 
          * @trans["子","丑","寅","卯","辰","巳","午","未","申","酉","戌","亥"]
          * @return Cn string 
          */
        Zhi: ["\u5b50", "\u4e11", "\u5bc5", "\u536f", "\u8fb0", "\u5df3", "\u5348", "\u672a", "\u7533", "\u9149", "\u620c", "\u4ea5"],

        /**
          * 天干地支之地支速查表<=>生肖
          * @Array Of Property 
          * @trans["鼠","牛","虎","兔","龙","蛇","马","羊","猴","鸡","狗","猪"]
          * @return Cn string 
          */
        Animals: ["\u9f20", "\u725b", "\u864e", "\u5154", "\u9f99", "\u86c7", "\u9a6c", "\u7f8a", "\u7334", "\u9e21", "\u72d7", "\u732a"],

        /**
          * 24节气速查表
          * @Array Of Property 
          * @trans["小寒","大寒","立春","雨水","惊蛰","春分","清明","谷雨","立夏","小满","芒种","夏至","小暑","大暑","立秋","处暑","白露","秋分","寒露","霜降","立冬","小雪","大雪","冬至"]
          * @return Cn string 
          */
        solarTerm: ["\u5c0f\u5bd2", "\u5927\u5bd2", "\u7acb\u6625", "\u96e8\u6c34", "\u60ca\u86f0", "\u6625\u5206", "\u6e05\u660e", "\u8c37\u96e8", "\u7acb\u590f", "\u5c0f\u6ee1", "\u8292\u79cd", "\u590f\u81f3", "\u5c0f\u6691", "\u5927\u6691", "\u7acb\u79cb", "\u5904\u6691", "\u767d\u9732", "\u79cb\u5206", "\u5bd2\u9732", "\u971c\u964d", "\u7acb\u51ac", "\u5c0f\u96ea", "\u5927\u96ea", "\u51ac\u81f3"],

        /**
          * 1900-2100各年的24节气日期速查表
          * @Array Of Property 
          * @return 0x string For splice
          */
        sTermInfo: ['9778397bd097c36b0b6fc9274c91aa', '97b6b97bd19801ec9210c965cc920e', '97bcf97c3598082c95f8c965cc920f',
          '97bd0b06bdb0722c965ce1cfcc920f', 'b027097bd097c36b0b6fc9274c91aa', '97b6b97bd19801ec9210c965cc920e',
          '97bcf97c359801ec95f8c965cc920f', '97bd0b06bdb0722c965ce1cfcc920f', 'b027097bd097c36b0b6fc9274c91aa',
          '97b6b97bd19801ec9210c965cc920e', '97bcf97c359801ec95f8c965cc920f', '97bd0b06bdb0722c965ce1cfcc920f',
          'b027097bd097c36b0b6fc9274c91aa', '9778397bd19801ec9210c965cc920e', '97b6b97bd19801ec95f8c965cc920f',
          '97bd09801d98082c95f8e1cfcc920f', '97bd097bd097c36b0b6fc9210c8dc2', '9778397bd197c36c9210c9274c91aa',
          '97b6b97bd19801ec95f8c965cc920e', '97bd09801d98082c95f8e1cfcc920f', '97bd097bd097c36b0b6fc9210c8dc2',
          '9778397bd097c36c9210c9274c91aa', '97b6b97bd19801ec95f8c965cc920e', '97bcf97c3598082c95f8e1cfcc920f',
          '97bd097bd097c36b0b6fc9210c8dc2', '9778397bd097c36c9210c9274c91aa', '97b6b97bd19801ec9210c965cc920e',
          '97bcf97c3598082c95f8c965cc920f', '97bd097bd097c35b0b6fc920fb0722', '9778397bd097c36b0b6fc9274c91aa',
          '97b6b97bd19801ec9210c965cc920e', '97bcf97c3598082c95f8c965cc920f', '97bd097bd097c35b0b6fc920fb0722',
          '9778397bd097c36b0b6fc9274c91aa', '97b6b97bd19801ec9210c965cc920e', '97bcf97c359801ec95f8c965cc920f',
          '97bd097bd097c35b0b6fc920fb0722', '9778397bd097c36b0b6fc9274c91aa', '97b6b97bd19801ec9210c965cc920e',
          '97bcf97c359801ec95f8c965cc920f', '97bd097bd097c35b0b6fc920fb0722', '9778397bd097c36b0b6fc9274c91aa',
          '97b6b97bd19801ec9210c965cc920e', '97bcf97c359801ec95f8c965cc920f', '97bd097bd07f595b0b6fc920fb0722',
          '9778397bd097c36b0b6fc9210c8dc2', '9778397bd19801ec9210c9274c920e', '97b6b97bd19801ec95f8c965cc920f',
          '97bd07f5307f595b0b0bc920fb0722', '7f0e397bd097c36b0b6fc9210c8dc2', '9778397bd097c36c9210c9274c920e',
          '97b6b97bd19801ec95f8c965cc920f', '97bd07f5307f595b0b0bc920fb0722', '7f0e397bd097c36b0b6fc9210c8dc2',
          '9778397bd097c36c9210c9274c91aa', '97b6b97bd19801ec9210c965cc920e', '97bd07f1487f595b0b0bc920fb0722',
          '7f0e397bd097c36b0b6fc9210c8dc2', '9778397bd097c36b0b6fc9274c91aa', '97b6b97bd19801ec9210c965cc920e',
          '97bcf7f1487f595b0b0bb0b6fb0722', '7f0e397bd097c35b0b6fc920fb0722', '9778397bd097c36b0b6fc9274c91aa',
          '97b6b97bd19801ec9210c965cc920e', '97bcf7f1487f595b0b0bb0b6fb0722', '7f0e397bd097c35b0b6fc920fb0722',
          '9778397bd097c36b0b6fc9274c91aa', '97b6b97bd19801ec9210c965cc920e', '97bcf7f1487f531b0b0bb0b6fb0722',
          '7f0e397bd097c35b0b6fc920fb0722', '9778397bd097c36b0b6fc9274c91aa', '97b6b97bd19801ec9210c965cc920e',
          '97bcf7f1487f531b0b0bb0b6fb0722', '7f0e397bd07f595b0b6fc920fb0722', '9778397bd097c36b0b6fc9274c91aa',
          '97b6b97bd19801ec9210c9274c920e', '97bcf7f0e47f531b0b0bb0b6fb0722', '7f0e397bd07f595b0b0bc920fb0722',
          '9778397bd097c36b0b6fc9210c91aa', '97b6b97bd197c36c9210c9274c920e', '97bcf7f0e47f531b0b0bb0b6fb0722',
          '7f0e397bd07f595b0b0bc920fb0722', '9778397bd097c36b0b6fc9210c8dc2', '9778397bd097c36c9210c9274c920e',
          '97b6b7f0e47f531b0723b0b6fb0722', '7f0e37f5307f595b0b0bc920fb0722', '7f0e397bd097c36b0b6fc9210c8dc2',
          '9778397bd097c36b0b70c9274c91aa', '97b6b7f0e47f531b0723b0b6fb0721', '7f0e37f1487f595b0b0bb0b6fb0722',
          '7f0e397bd097c35b0b6fc9210c8dc2', '9778397bd097c36b0b6fc9274c91aa', '97b6b7f0e47f531b0723b0b6fb0721',
          '7f0e27f1487f595b0b0bb0b6fb0722', '7f0e397bd097c35b0b6fc920fb0722', '9778397bd097c36b0b6fc9274c91aa',
          '97b6b7f0e47f531b0723b0b6fb0721', '7f0e27f1487f531b0b0bb0b6fb0722', '7f0e397bd097c35b0b6fc920fb0722',
          '9778397bd097c36b0b6fc9274c91aa', '97b6b7f0e47f531b0723b0b6fb0721', '7f0e27f1487f531b0b0bb0b6fb0722',
          '7f0e397bd097c35b0b6fc920fb0722', '9778397bd097c36b0b6fc9274c91aa', '97b6b7f0e47f531b0723b0b6fb0721',
          '7f0e27f1487f531b0b0bb0b6fb0722', '7f0e397bd07f595b0b0bc920fb0722', '9778397bd097c36b0b6fc9274c91aa',
          '97b6b7f0e47f531b0723b0787b0721', '7f0e27f0e47f531b0b0bb0b6fb0722', '7f0e397bd07f595b0b0bc920fb0722',
          '9778397bd097c36b0b6fc9210c91aa', '97b6b7f0e47f149b0723b0787b0721', '7f0e27f0e47f531b0723b0b6fb0722',
          '7f0e397bd07f595b0b0bc920fb0722', '9778397bd097c36b0b6fc9210c8dc2', '977837f0e37f149b0723b0787b0721',
          '7f07e7f0e47f531b0723b0b6fb0722', '7f0e37f5307f595b0b0bc920fb0722', '7f0e397bd097c35b0b6fc9210c8dc2',
          '977837f0e37f14998082b0787b0721', '7f07e7f0e47f531b0723b0b6fb0721', '7f0e37f1487f595b0b0bb0b6fb0722',
          '7f0e397bd097c35b0b6fc9210c8dc2', '977837f0e37f14998082b0787b06bd', '7f07e7f0e47f531b0723b0b6fb0721',
          '7f0e27f1487f531b0b0bb0b6fb0722', '7f0e397bd097c35b0b6fc920fb0722', '977837f0e37f14998082b0787b06bd',
          '7f07e7f0e47f531b0723b0b6fb0721', '7f0e27f1487f531b0b0bb0b6fb0722', '7f0e397bd097c35b0b6fc920fb0722',
          '977837f0e37f14998082b0787b06bd', '7f07e7f0e47f531b0723b0b6fb0721', '7f0e27f1487f531b0b0bb0b6fb0722',
          '7f0e397bd07f595b0b0bc920fb0722', '977837f0e37f14998082b0787b06bd', '7f07e7f0e47f531b0723b0b6fb0721',
          '7f0e27f1487f531b0b0bb0b6fb0722', '7f0e397bd07f595b0b0bc920fb0722', '977837f0e37f14998082b0787b06bd',
          '7f07e7f0e47f149b0723b0787b0721', '7f0e27f0e47f531b0b0bb0b6fb0722', '7f0e397bd07f595b0b0bc920fb0722',
          '977837f0e37f14998082b0723b06bd', '7f07e7f0e37f149b0723b0787b0721', '7f0e27f0e47f531b0723b0b6fb0722',
          '7f0e397bd07f595b0b0bc920fb0722', '977837f0e37f14898082b0723b02d5', '7ec967f0e37f14998082b0787b0721',
          '7f07e7f0e47f531b0723b0b6fb0722', '7f0e37f1487f595b0b0bb0b6fb0722', '7f0e37f0e37f14898082b0723b02d5',
          '7ec967f0e37f14998082b0787b0721', '7f07e7f0e47f531b0723b0b6fb0722', '7f0e37f1487f531b0b0bb0b6fb0722',
          '7f0e37f0e37f14898082b0723b02d5', '7ec967f0e37f14998082b0787b06bd', '7f07e7f0e47f531b0723b0b6fb0721',
          '7f0e37f1487f531b0b0bb0b6fb0722', '7f0e37f0e37f14898082b072297c35', '7ec967f0e37f14998082b0787b06bd',
          '7f07e7f0e47f531b0723b0b6fb0721', '7f0e27f1487f531b0b0bb0b6fb0722', '7f0e37f0e37f14898082b072297c35',
          '7ec967f0e37f14998082b0787b06bd', '7f07e7f0e47f531b0723b0b6fb0721', '7f0e27f1487f531b0b0bb0b6fb0722',
          '7f0e37f0e366aa89801eb072297c35', '7ec967f0e37f14998082b0787b06bd', '7f07e7f0e47f149b0723b0787b0721',
          '7f0e27f1487f531b0b0bb0b6fb0722', '7f0e37f0e366aa89801eb072297c35', '7ec967f0e37f14998082b0723b06bd',
          '7f07e7f0e47f149b0723b0787b0721', '7f0e27f0e47f531b0723b0b6fb0722', '7f0e37f0e366aa89801eb072297c35',
          '7ec967f0e37f14998082b0723b06bd', '7f07e7f0e37f14998083b0787b0721', '7f0e27f0e47f531b0723b0b6fb0722',
          '7f0e37f0e366aa89801eb072297c35', '7ec967f0e37f14898082b0723b02d5', '7f07e7f0e37f14998082b0787b0721',
          '7f07e7f0e47f531b0723b0b6fb0722', '7f0e36665b66aa89801e9808297c35', '665f67f0e37f14898082b0723b02d5',
          '7ec967f0e37f14998082b0787b0721', '7f07e7f0e47f531b0723b0b6fb0722', '7f0e36665b66a449801e9808297c35',
          '665f67f0e37f14898082b0723b02d5', '7ec967f0e37f14998082b0787b06bd', '7f07e7f0e47f531b0723b0b6fb0721',
          '7f0e36665b66a449801e9808297c35', '665f67f0e37f14898082b072297c35', '7ec967f0e37f14998082b0787b06bd',
          '7f07e7f0e47f531b0723b0b6fb0721', '7f0e26665b66a449801e9808297c35', '665f67f0e37f1489801eb072297c35',
          '7ec967f0e37f14998082b0787b06bd', '7f07e7f0e47f531b0723b0b6fb0721', '7f0e27f1487f531b0b0bb0b6fb0722'],

        /**
          * 数字转中文速查表
          * @Array Of Property 
          * @trans ['日','一','二','三','四','五','六','七','八','九','十']
          * @return Cn string 
          */
        nStr1: ["\u65e5", "\u4e00", "\u4e8c", "\u4e09", "\u56db", "\u4e94", "\u516d", "\u4e03", "\u516b", "\u4e5d", "\u5341"],

        /**
          * 日期转农历称呼速查表
          * @Array Of Property 
          * @trans ['初','十','廿','卅']
          * @return Cn string 
          */
        nStr2: ["\u521d", "\u5341", "\u5eff", "\u5345"],

        /**
          * 月份转农历称呼速查表
          * @Array Of Property 
          * @trans ['正','一','二','三','四','五','六','七','八','九','十','冬','腊']
          * @return Cn string 
          */
        nStr3: ["\u6b63", "\u4e8c", "\u4e09", "\u56db", "\u4e94", "\u516d", "\u4e03", "\u516b", "\u4e5d", "\u5341", "\u51ac", "\u814a"],

        /**
          * 返回农历y年一整年的总天数
          * @param lunar Year
          * @return Number
          * @eg:var count = calendar.lYearDays(1987) ;//count=387
          */
        lYearDays: function (y) {
          var i, sum = 348;
          for (i = 0x8000; i > 0x8; i >>= 1) { sum += (calendar.lunarInfo[y - 1900] & i) ? 1 : 0; }
          return (sum + calendar.leapDays(y));
        },

        /**
          * 返回农历y年闰月是哪个月；若y年没有闰月 则返回0
          * @param lunar Year
          * @return Number (0-12)
          * @eg:var leapMonth = calendar.leapMonth(1987) ;//leapMonth=6
          */
        leapMonth: function (y) { //闰字编码 \u95f0
          return (calendar.lunarInfo[y - 1900] & 0xf);
        },

        /**
          * 返回农历y年闰月的天数 若该年没有闰月则返回0
          * @param lunar Year
          * @return Number (0、29、30)
          * @eg:var leapMonthDay = calendar.leapDays(1987) ;//leapMonthDay=29
          */
        leapDays: function (y) {
          if (calendar.leapMonth(y)) {
            return ((calendar.lunarInfo[y - 1900] & 0x10000) ? 30 : 29);
          }
          return (0);
        },

        /**
          * 返回农历y年m月（非闰月）的总天数，计算m为闰月时的天数请使用leapDays方法
          * @param lunar Year
          * @return Number (-1、29、30)
          * @eg:var MonthDay = calendar.monthDays(1987,9) ;//MonthDay=29
          */
        monthDays: function (y, m) {
          if (m > 12 || m < 1) { return -1 }//月份参数从1至12，参数错误返回-1
          return ((calendar.lunarInfo[y - 1900] & (0x10000 >> m)) ? 30 : 29);
        },

        /**
          * 返回公历(!)y年m月的天数
          * @param solar Year
          * @return Number (-1、28、29、30、31)
          * @eg:var solarMonthDay = calendar.leapDays(1987) ;//solarMonthDay=30
          */
        solarDays: function (y, m) {
          if (m > 12 || m < 1) { return -1 } //若参数错误 返回-1
          var ms = m - 1;
          if (ms == 1) { //2月份的闰平规律测算后确认返回28或29
            return (((y % 4 == 0) && (y % 100 != 0) || (y % 400 == 0)) ? 29 : 28);
          } else {
            return (calendar.solarMonth[ms]);
          }
        },

        /**
         * 农历年份转换为干支纪年
         * @param  lYear 农历年的年份数
         * @return Cn string
         */
        toGanZhiYear: function (lYear) {
          var ganKey = (lYear - 3) % 10;
          var zhiKey = (lYear - 3) % 12;
          if (ganKey == 0) ganKey = 10;//如果余数为0则为最后一个天干
          if (zhiKey == 0) zhiKey = 12;//如果余数为0则为最后一个地支
          return calendar.Gan[ganKey - 1] + calendar.Zhi[zhiKey - 1];

        },

        /**
         * 公历月、日判断所属星座
         * @param  cMonth [description]
         * @param  cDay [description]
         * @return Cn string
         */
        toAstro: function (cMonth, cDay) {
          var s = "\u9b54\u7faf\u6c34\u74f6\u53cc\u9c7c\u767d\u7f8a\u91d1\u725b\u53cc\u5b50\u5de8\u87f9\u72ee\u5b50\u5904\u5973\u5929\u79e4\u5929\u874e\u5c04\u624b\u9b54\u7faf";
          var arr = [20, 19, 21, 21, 21, 22, 23, 23, 23, 23, 22, 22];
          return s.substr(cMonth * 2 - (cDay < arr[cMonth - 1] ? 2 : 0), 2) + "\u5ea7";//座
        },

        /**
          * 传入offset偏移量返回干支
          * @param offset 相对甲子的偏移量
          * @return Cn string
          */
        toGanZhi: function (offset) {
          return calendar.Gan[offset % 10] + calendar.Zhi[offset % 12];
        },

        /**
          * 传入公历(!)y年获得该年第n个节气的公历日期
          * @param y公历年(1900-2100)；n二十四节气中的第几个节气(1~24)；从n=1(小寒)算起 
          * @return day Number
          * @eg:var _24 = calendar.getTerm(1987,3) ;//_24=4;意即1987年2月4日立春
          */
        getTerm: function (y, n) {
          if (y < 1900 || y > 2100) { return -1; }
          if (n < 1 || n > 24) { return -1; }
          var _table = calendar.sTermInfo[y - 1900];
          var _info = [
            parseInt('0x' + _table.substr(0, 5)).toString(),
            parseInt('0x' + _table.substr(5, 5)).toString(),
            parseInt('0x' + _table.substr(10, 5)).toString(),
            parseInt('0x' + _table.substr(15, 5)).toString(),
            parseInt('0x' + _table.substr(20, 5)).toString(),
            parseInt('0x' + _table.substr(25, 5)).toString()
          ];
          var _calday = [
            _info[0].substr(0, 1),
            _info[0].substr(1, 2),
            _info[0].substr(3, 1),
            _info[0].substr(4, 2),

            _info[1].substr(0, 1),
            _info[1].substr(1, 2),
            _info[1].substr(3, 1),
            _info[1].substr(4, 2),

            _info[2].substr(0, 1),
            _info[2].substr(1, 2),
            _info[2].substr(3, 1),
            _info[2].substr(4, 2),

            _info[3].substr(0, 1),
            _info[3].substr(1, 2),
            _info[3].substr(3, 1),
            _info[3].substr(4, 2),

            _info[4].substr(0, 1),
            _info[4].substr(1, 2),
            _info[4].substr(3, 1),
            _info[4].substr(4, 2),

            _info[5].substr(0, 1),
            _info[5].substr(1, 2),
            _info[5].substr(3, 1),
            _info[5].substr(4, 2),
          ];
          return parseInt(_calday[n - 1]);
        },

        /**
          * 传入农历数字月份返回汉语通俗表示法
          * @param lunar month
          * @return Cn string
          * @eg:var cnMonth = calendar.toChinaMonth(12) ;//cnMonth='腊月'
          */
        toChinaMonth: function (m) { // 月 => \u6708
          if (m > 12 || m < 1) { return -1 } //若参数错误 返回-1
          var s = calendar.nStr3[m - 1];
          s += "\u6708";//加上月字
          return s;
        },

        /**
          * 传入农历日期数字返回汉字表示法
          * @param lunar day
          * @return Cn string
          * @eg:var cnDay = calendar.toChinaDay(21) ;//cnMonth='廿一'
          */
        toChinaDay: function (d) { //日 => \u65e5
          var s;
          switch (d) {
            case 10:
              s = '\u521d\u5341'; break;
            case 20:
              s = '\u4e8c\u5341'; break;
              break;
            case 30:
              s = '\u4e09\u5341'; break;
              break;
            default:
              s = calendar.nStr2[Math.floor(d / 10)];
              s += calendar.nStr1[d % 10];
          }
          return (s);
        },

        /**
          * 年份转生肖[!仅能大致转换] => 精确划分生肖分界线是“立春”
          * @param y year
          * @return Cn string
          * @eg:var animal = calendar.getAnimal(1987) ;//animal='兔'
          */
        getAnimal: function (y) {
          return calendar.Animals[(y - 4) % 12]
        },

        /**
          * 传入阳历年月日获得详细的公历、农历object信息 <=>JSON
          * @param y  solar year
          * @param m  solar month
          * @param d  solar day
          * @return JSON object
          * @eg:console.log(calendar.solar2lunar(1987,11,01));
          */
        solar2lunar: function (y, m, d) { //参数区间1900.1.31~2100.12.31
          //年份限定、上限
          if (y < 1900 || y > 2100) {
            return -1;// undefined转换为数字变为NaN
          }
          //公历传参最下限
          if (y == 1900 && m == 1 && d < 31) {
            return -1;
          }
          //未传参  获得当天
          if (!y) {
            var objDate = new Date();
          } else {
            var objDate = new Date(y, parseInt(m) - 1, d)
          }
          var i, leap = 0, temp = 0;
          //修正ymd参数
          var y = objDate.getFullYear(),
            m = objDate.getMonth() + 1,
            d = objDate.getDate();
          var offset = (Date.UTC(objDate.getFullYear(), objDate.getMonth(), objDate.getDate()) - Date.UTC(1900, 0, 31)) / 86400000;
          for (i = 1900; i < 2101 && offset > 0; i++) {
            temp = calendar.lYearDays(i);
            offset -= temp;
          }
          if (offset < 0) {
            offset += temp; i--;
          }

          //是否今天
          var isTodayObj = new Date(),
            isToday = false;
          if (isTodayObj.getFullYear() == y && isTodayObj.getMonth() + 1 == m && isTodayObj.getDate() == d) {
            isToday = true;
          }
          //星期几
          var nWeek = objDate.getDay(),
            cWeek = calendar.nStr1[nWeek];
          //数字表示周几顺应天朝周一开始的惯例
          if (nWeek == 0) {
            nWeek = 7;
          }
          //农历年
          var year = i;
          var leap = calendar.leapMonth(i); //闰哪个月
          var isLeap = false;

          //效验闰月
          for (i = 1; i < 13 && offset > 0; i++) {
            //闰月
            if (leap > 0 && i == (leap + 1) && isLeap == false) {
              --i;
              isLeap = true; temp = calendar.leapDays(year); //计算农历闰月天数
            }
            else {
              temp = calendar.monthDays(year, i);//计算农历普通月天数
            }
            //解除闰月
            if (isLeap == true && i == (leap + 1)) { isLeap = false; }
            offset -= temp;
          }
          // 闰月导致数组下标重叠取反
          if (offset == 0 && leap > 0 && i == leap + 1) {
            if (isLeap) {
              isLeap = false;
            } else {
              isLeap = true; --i;
            }
          }
          if (offset < 0) {
            offset += temp; --i;
          }
          //农历月
          var month = i;
          //农历日
          var day = offset + 1;
          //天干地支处理
          var sm = m - 1;
          var gzY = calendar.toGanZhiYear(year);

          // 当月的两个节气
          // bugfix-2017-7-24 11:03:38 use lunar Year Param `y` Not `year`
          var firstNode = calendar.getTerm(y, (m * 2 - 1));//返回当月「节」为几日开始
          var secondNode = calendar.getTerm(y, (m * 2));//返回当月「节」为几日开始

          // 依据12节气修正干支月
          var gzM = calendar.toGanZhi((y - 1900) * 12 + m + 11);
          if (d >= firstNode) {
            gzM = calendar.toGanZhi((y - 1900) * 12 + m + 12);
          }

          //传入的日期的节气与否
          var isTerm = false;
          var Term = null;
          if (firstNode == d) {
            isTerm = true;
            Term = calendar.solarTerm[m * 2 - 2];
          }
          if (secondNode == d) {
            isTerm = true;
            Term = calendar.solarTerm[m * 2 - 1];
          }
          //日柱 当月一日与 1900/1/1 相差天数
          var dayCyclical = Date.UTC(y, sm, 1, 0, 0, 0, 0) / 86400000 + 25567 + 10;
          var gzD = calendar.toGanZhi(dayCyclical + d - 1);
          //该日期所属的星座
          var astro = calendar.toAstro(m, d);

          return { 'lYear': year, 'lMonth': month, 'lDay': day, 'Animal': calendar.getAnimal(year), 'IMonthCn': (isLeap ? "\u95f0" : '') + calendar.toChinaMonth(month), 'IDayCn': calendar.toChinaDay(day), 'cYear': y, 'cMonth': m, 'cDay': d, 'gzYear': gzY, 'gzMonth': gzM, 'gzDay': gzD, 'isToday': isToday, 'isLeap': isLeap, 'nWeek': nWeek, 'ncWeek': "\u661f\u671f" + cWeek, 'isTerm': isTerm, 'Term': Term, 'astro': astro };
        },

        /**
          * 传入农历年月日以及传入的月份是否闰月获得详细的公历、农历object信息 <=>JSON
          * @param y  lunar year
          * @param m  lunar month
          * @param d  lunar day
          * @param isLeapMonth [如果是农历闰月第四个参数赋值true即可]
          * @return JSON object
          * @eg:console.log(calendar.lunar2solar(1987,9,10));
          */
        lunar2solar: function (y, m, d, isLeapMonth) {   //参数区间1900.1.31~2100.12.1
          var isLeapMonth = !!isLeapMonth;
          var leapOffset = 0;
          var leapMonth = calendar.leapMonth(y);
          var leapDay = calendar.leapDays(y);
          if (isLeapMonth && (leapMonth != m)) { return -1; }//传参要求计算该闰月公历 但该年得出的闰月与传参的月份并不同
          if (y == 2100 && m == 12 && d > 1 || y == 1900 && m == 1 && d < 31) { return -1; }//超出了最大极限值 
          var day = calendar.monthDays(y, m);
          var _day = day;
          //bugFix 2016-9-25 
          //if month is leap, _day use leapDays method 
          if (isLeapMonth) {
            _day = calendar.leapDays(y, m);
          }
          if (y < 1900 || y > 2100 || d > _day) { return -1; }//参数合法性效验

          //计算农历的时间差
          var offset = 0;
          for (var i = 1900; i < y; i++) {
            offset += calendar.lYearDays(i);
          }
          var leap = 0, isAdd = false;
          for (var i = 1; i < m; i++) {
            leap = calendar.leapMonth(y);
            if (!isAdd) {//处理闰月
              if (leap <= i && leap > 0) {
                offset += calendar.leapDays(y); isAdd = true;
              }
            }
            offset += calendar.monthDays(y, i);
          }
          //转换闰月农历 需补充该年闰月的前一个月的时差
          if (isLeapMonth) { offset += day; }
          //1900年农历正月一日的公历时间为1900年1月30日0时0分0秒(该时间也是本农历的最开始起始点)
          var stmap = Date.UTC(1900, 1, 30, 0, 0, 0);
          var calObj = new Date((offset + d - 31) * 86400000 + stmap);
          var cY = calObj.getUTCFullYear();
          var cM = calObj.getUTCMonth() + 1;
          var cD = calObj.getUTCDate();

          return calendar.solar2lunar(cY, cM, cD);
        }
      };

      let Y = date.getFullYear();
      let M = date.getMonth() + 1;
      let D = date.getDate();
      return calendar.solar2lunar(Y, M, D);
    },

    DB(fn, delay) {
      /**
       * debounce 防抖
       * @param fn 函数名 
       * @param delay 延时
      */
      let t = null
      return function () {
        if (t !== null) {
          clearTimeout(t)
        }
        t = setTimeout(() => {
          fn.call(this)
        }, delay)
      }
    },

    TT(fn, delay) {
      /**
       * throttle 节流
       * @param fn 函数名 
       * @param delay 延时
      */

      let flag = true;
      return function () {
        if (flag) {
          setTimeout(() => {
            fn.call(this)
            flag = true
          }, delay)
        }
        flag = false
      }
    },

    PE(e) {
      /**
       * pauseEvent 清除默认事件 事件冒泡
       * @autor xy 
       * @param e  事件对象
      */
      e = e || window.event;

      if (e.stopPropagation) e.stopPropagation(); //!清除冒泡

      if (e.preventDefault) e.preventDefault(); //! 移除默认事件

      e.cancelBubble = true; //! 兼容火狐的冒泡

      e.returnValue = false;

      return false;
    },

    IS(val) {
      /**
      * isNullString 去空格
      * @autor xy            
      * @param val  目标字符串
      */
      return (val == '' || val.trim() == '');
    },

    DT(opt) {
      /**
       * dragTo 拖拽元素到指定元素
       * @autor     xy            
       * @param     originElemID  拖拽元素的 id
       * @param     targetElemID  拖拽目标元素的 id
       * @param     duration      长按元素多久开始执行拖拽
       * @callback  success       拖拽成功的回调函数
       * @callback  fail          拖拽失败的回调函数
      */
      class XyDrag {
        constructor(options) {
          this.isMobile = this.isMobile();
          this.mobileDragToElem = '';
          this.originElem = document.querySelector(`#${options.originElemID}`);
          this.targetElem = document.querySelector(`#${options.targetElemID}`);
          this.cloneElem = '';
          this.offsetX = '';
          this.offsetY = '';
          this.duration = options.duration ? options.duration : '';
          this.timer = '';
          this.callbackSuccess = options.success;
          this.callbackFail = options.fail;
          this.initDrag();
        }

        // 初始化拖拽函数
        initDrag() {
          //! this 指向drag对象
          if (this.isMobile) {
            this.originElem.addEventListener('touchstart', this.startDrag.bind(this));
          } else {
            this.originElem.addEventListener('mousedown', this.startDrag.bind(this));
          }
        }

        // 开始拖拽
        startDrag(e) {
          e = e || window.event;

          this.pauseEvent(e); //! 移出拖拽盒子的默认事件
          const DRAG_ELEM = this.originElem.children; //! 拖拽元素包裹层下的子元素
          let currentElem = ''; //! 当前拖拽的元素节点
          this.timer = '';

          this.finishDrag = this.finishDrag.bind(this); //! 修改this指向为XyDrag
          //! 拖拽开始将鼠标事件绑定在 body 上, 绑定在 drag 对象会使鼠标事件失效
          if (this.isMobile) {
            document.addEventListener('touchend', this.finishDrag);
          } else {
            document.addEventListener('mouseup', this.finishDrag);
          }

          for (let i = 0; i < DRAG_ELEM.length; i++) { //! 循环判断 拖拽元素在拖拽层里
            if (DRAG_ELEM[i].contains(e.target)) {
              currentElem = DRAG_ELEM[i];

              let computedStyle = getComputedStyle(currentElem, null); //! css计算属性（样式表中的css）

              if (computedStyle.position == 'static') {
                //! 加上相对定位用于标记 offsetParent
                currentElem.style.position = 'relative';
                currentElem.classList.add('xy_drag_offset_parent');
              }
            }
          }

          if (!currentElem) {
            //! 未选中拖拽元素
            return
          }

          this.offsetX = this.calcMouseToElem(event, currentElem)[0] - 3;
          this.offsetY = this.calcMouseToElem(event, currentElem)[1] + 3;

          if (this.duration) {
            //! 是否有延时
            this.moveMouse = this.moveMouse.bind(this);

            if (this.isMobile) {
              document.addEventListener('touchmove', this.moveMouse);
            } else {
              document.addEventListener('mousemove', this.moveMouse);
            }

            this.timer = setTimeout(() => {
              //! 延迟拖拽
              this.beforeOnDrag(currentElem);

              if (this.isMobile) {
                document.removeEventListener('touchmove', this.moveMouse);
              } else {
                document.removeEventListener('mousemove', this.moveMouse);
              }
            }, this.duration);
          } else {
            this.beforeOnDrag(currentElem);
          }


        }

        // 长按期间移动了鼠标 不可以开始拖拽 计时器重置
        moveMouse() {
          clearTimeout(this.timer);
          this.timer = '';
        }

        // 准备执行拖拽
        beforeOnDrag(elem) {
          this.cloneElem = elem.cloneNode(true); //! 克隆拖拽元素

          const CLONE_ELEM_X = this.calcOffset(elem)[0] + 3; //! 稍微偏移一些
          const CLONE_ELEM_Y = this.calcOffset(elem)[1] - 3;

          this.cloneElem.style.position = 'fixed'; //! 使用固定定位进行元素全页面移动
          this.cloneElem.style.zIndex = 2;
          this.cloneElem.style.left = CLONE_ELEM_X + 'px';
          this.cloneElem.style.top = CLONE_ELEM_Y + 'px';

          this.cloneElem.style.width = elem.offsetWidth + 'px';
          this.cloneElem.style.height = elem.offsetHeight + 'px';
          this.cloneElem.style.margin = 0;
          this.cloneElem.style.cursor = 'no-drop';
          this.cloneElem.style.pointerEvents = 'none'; //! 无法触发事件对象

          document.oncontextmenu = function (e) {
            //! 暂时禁止右键弹出菜单
            e = e || window.event;

            e.preventDefault()
            return false;
          }

          this.originElem.appendChild(this.cloneElem);

          this.onDrag = this.onDrag.bind(this);

          if (this.isMobile) {
            document.addEventListener('touchmove', this.onDrag);
          } else {
            document.addEventListener('mousemove', this.onDrag);
          }
        }

        // 执行拖拽
        onDrag(e) {
          e = e || window.event;

          if (this.isMobile) {
            //! 触摸时移动的距离
            this.cloneElem.style.left = (e.targetTouches[0].pageX - this.offsetX) + 'px';
            this.cloneElem.style.top = (e.targetTouches[0].pageY - this.offsetY) + 'px';

            this.mobileDragToElem = document.elementFromPoint(e.targetTouches[0].pageX, e.targetTouches[0].pageY);
          } else {
            //! 鼠标移动时根据鼠标位置自动移动克隆的元素
            this.cloneElem.style.left = (e.pageX - this.offsetX) + 'px';
            this.cloneElem.style.top = (e.pageY - this.offsetY) + 'px';
          }
        }

        // 拖拽结束
        finishDrag(e) {
          e = e || window.event;
          this.pauseEvent(e);

          clearTimeout(this.timer);
          this.timer = '';

          if (this.cloneElem) {
            document.oncontextmenu = function (e) {
              //! 放出右键菜单
              return true;
            }

            if (this.isMobile) {
              let flag = false;
              //! 放置元素的父元素中有无目标元素

              while (this.mobileDragToElem.tagName && this.mobileDragToElem.tagName != 'HTML') {
                //! 一直循环到HTML标签
                if (this.mobileDragToElem.id == this.targetElem.id) {
                  flag = true;
                  break;
                } else {
                  this.mobileDragToElem = this.mobileDragToElem.parentNode;
                }
              }

              if (flag) {
                this.callbackSuccess(this.cloneElem);
              } else {
                this.callbackFail();
              }
            } else {
              let flag = false;

              e = e.target || e.srcElement;

              while (e.tagName != 'HTML') {
                if (e.id == this.targetElem.id) {
                  flag = true;
                  break;
                } else {
                  e = e.parentNode;
                }
              }

              if (flag) {
                this.callbackSuccess(this.cloneElem);
              } else {
                this.callbackFail();
              }
            }

            this.originElem.removeChild(this.cloneElem); //! 拖拽完移除
            delete this.cloneElem;

            //! body 绑定事件清除
            if (this.isMobile) {
              document.removeEventListener('touchmove', this.onDrag);
              document.removeEventListener('touchend', this.finishDrag);
            } else {
              document.removeEventListener('mousemove', this.onDrag);
              document.removeEventListener('mouseup', this.finishDrag);
            }
          } else {
            //! 鼠标抬起时要清除 body 上的事件 清空计时器
            if (this.isMobile) {
              document.removeEventListener('touchmove', this.moveMouse);
              document.removeEventListener('touchend', this.finishDrag);
            } else {
              document.removeEventListener('mousemove', this.moveMouse);
              document.removeEventListener('mouseup', this.finishDrag);
            }

          }
        }

        // 递归计算文档到所选元素的 x 距离
        calcOffset(elem) {
          if (!elem.offsetTop) {
            //! 无父元素距离完成递归
            return [0, 0];
          } else {
            let X = 0;
            let Y = 0;
            // let computedStyle = getComputedStyle(elem, null); // css计算属性（样式表中的css）

            //! 父级定位距离
            X = X + elem.offsetLeft;
            Y = Y + elem.offsetTop;

            elem = elem.offsetParent;
            return [X + this.calcOffset(elem)[0], Y + this.calcOffset(elem)[1]];
          }
        }

        // 计算鼠标到选定元素的 x y 距离
        calcMouseToElem(e, elem) {
          e = e || window.event;

          let X = 0, Y = 0; //! 记录 x y 距离

          if (this.isMobile) {
            X = e.targetTouches[0].pageX;
            Y = e.targetTouches[0].pageY;

            e = e.target || e.srcElement; //! 事件源

            while (typeof (e.offsetParent) == 'undefined') {
              //! 如果元素不存在定位父级就向上找定位父级 类似 svg 标签都不存在 offsetParent
              e = e.parentNode;
            }

            if (e.className.indexOf('xy_drag_offset_parent') != -1) {
              //! 当前拖动即定位父级
              X = X - e.offsetLeft;
              Y = Y - e.offsetTop;
            } else {
              e = e.offsetParent;

              while (e) {
                //! 鼠标到文档的距离 - 拖拽元素到文档的距离即鼠标距离元素的距离
                X = X - e.offsetLeft;
                Y = Y - e.offsetTop;
                e = e.offsetParent;
              }
            }

          } else {

            const offsetX = e.offsetX; //! 鼠标距离元素 x 距离
            const offsetY = e.offsetY; //! 鼠标距离元素 y 距离

            e = e.target || e.srcElement; //! 事件源

            while (typeof (e.offsetParent) == 'undefined') {
              //! 如果元素不存在定位父级就向上找定位父级 类似 svg 标签都不存在 offsetParent
              e = e.parentNode;
            }

            if (e.className.indexOf('xy_drag_offset_parent') != -1) {
              X = offsetX;
              Y = offsetY;
            } else {
              let computedStyle = getComputedStyle(e, null);
              X = offsetX + e.offsetLeft + Number(computedStyle.marginLeft.replace('px', ''));
              Y = offsetY + e.offsetTop + Number(computedStyle.marginTop.replace('px', ''));

              e = e.offsetParent;
              while (e.className.indexOf('xy_drag_offset_parent') == -1) {
                //! 定位父级不是拖拽元素继续找上层的定位父级
                computedStyle = getComputedStyle(e, null);
                X += e.offsetLeft + Number(computedStyle.marginLeft.replace('px', ''));
                Y += e.offsetTop + Number(computedStyle.marginTop.replace('px', ''));

                e = e.offsetParent;
              }
            }
          }

          return [X, Y];
        }

        // 清除默认事件 事件冒泡
        pauseEvent(e) {
          e = e || window.event;

          if (e.stopPropagation) e.stopPropagation(); //!清除冒泡

          if (e.preventDefault) e.preventDefault(); //! 移除默认事件

          e.cancelBubble = true; //! 兼容火狐的冒泡

          e.returnValue = false;

          return false;
        }

        // 判断是否是移动设备
        isMobile() {
          let mobile = navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i)
          return mobile != null
        }
      }

      return new XyDrag(opt);
    },

    WC(opt) {
      /**
       * webCamera
       * 浏览器唤起设备摄像头 需要在 https 环境下 视频只支持 chrome 与 FireFox 均不支持IE
       * @autor     xy      
       * @param     type    类型 video ｜ image
       * @param     isFile  是否以文件格式返回
       * @param     mode    前后摄像头模式
       * @param     audio   视频录制时是否调用音频
       * @callback  success 成功时候返回的回调
       */
      class OpenCamera {
        constructor(options) {
          this.type = options.type == 'video' ? 'video' : 'image';
          this.isFile = options.isFile ? options.isFile : false;
          this.facingMode = options.mode ? options.mode : 'user';
          this.audio = options.audio ? options.audio : false;
          this.callbackSuccess = options.success;
          this.cameraBox = '';
          this.video = '';
          this.canvas = '';
          this.context = '';
          this.mediaStreamTrack = '';
          this.shootImage = '';
          this.recorder = '';
          this.chunks = [];
          this.videoStream = '';
          this.isRecord = false;
          this.timer = '';
          this.recordTime = '00:00';
          this.reverseTimes = 0;
          this.init();
        }

        // 初始化
        init() {
          if (!navigator.mediaDevices && !navigator.webkitGetUserMedia && !navigator.mozGetUserMedia &&
            !navigator.getUserMedia) {
            alert('您的浏览器不支持访问用户媒体设备');
            return;
          }

          const CONTENT = `<div id="xy-camera-box">
                        <div class="xy-camera-img-wrapper">
                          <img class="xy-camera-showImg" />
                        </div>
                        <div class="xy-camera-loading">
                          <svg 
                            version="1.1" 
                            id="loader-1" 
                            xmlns="http://www.w3.org/2000/svg" 
                            xmlns:xlink="http://www.w3.org/1999/xlink" 
                            x="0px" 
                            y="0px" 
                            width="50px" 
                            height="50px" 
                            viewBox="0 0 40 40" 
                            enable-background="new 0 0 40 40" 
                            xml:space="preserve">
                            <path opacity="0.2" 
                              fill="#fff" 
                              d="M20.201,5.169c-8.254,0-14.946,6.692-14.946,14.946c0,8.255,6.692,14.946,14.946,14.946
                                s14.946-6.691,14.946-14.946C35.146,11.861,28.455,5.169,20.201,5.169z M20.201,31.749c-6.425,0-11.634-5.208-11.634-11.634
                                c0-6.425,5.209-11.634,11.634-11.634c6.425,0,11.633,5.209,11.633,11.634C31.834,26.541,26.626,31.749,20.201,31.749z">
                            </path>
                            <path 
                              fill="#000" 
                              d="M26.013,10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0
                              C22.32,8.481,24.301,9.057,26.013,10.047z">
                              <animateTransform 
                                attributeType="xml" 
                                attributeName="transform" 
                                type="rotate" 
                                from="0 20 20" 
                                to="360 20 20" 
                                dur="0.5s" 
                                repeatCount="indefinite">
                              </animateTransform>
                            </path>
                        </svg>
                        </div>
                        <div class="xy-camera-video-wrapper">
                          <video class="xy-camera-showVideo"></video>
                        </div>
                        <video class="xy-camera-to-video"></video>
                        <canvas class="xy-camera-to-canvas" style="display: none;"></canvas>
                        <div class="xy-camera-close">
                          <svg viewBox="0 0 15 15"> 
                            <line x1="0" y1="0" x2="15" y2="15"></line>
                            <line x1="15" y1="0" x2="0" y2="15"></line>
                          </svg>
                        </div>
                        <div class="xy-camera-reverse">
                         <svg viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg">
                           <path 
                           id="svg_4" 
                           d="m48.54137,17.35421l-1.76389,3.07485l12.52075,0l-3.13099,-5.46535l-3.1286,-5.46371l-1.64692,2.87903c-3.08659,-1.1374 -6.41405,-1.77395 -9.89364,-1.77395c-16.01633,0 -28.99808,13.08535 -28.99808,29.22843c0,6.69991 2.26083,12.85566 6.02336,17.78767l4.40931,-3.41226c-3.04303,-3.98574 -4.87266,-8.95939 -4.88259,-14.3738c0.02216,-13.05147 10.49841,-23.61217 23.44575,-23.63218l7.04554,1.15126zm15.93224,4.69779l-4.4093,3.4139c3.04226,3.98423 4.8719,8.95474 4.88027,14.37075c-0.02217,13.05136 -10.49841,23.61055 -23.4465,23.63206c-2.29448,-0.00299 -4.48959,-0.37903 -6.58223,-1.00791l1.65988,-2.89298l-12.52069,0l3.12867,5.46232l3.13093,5.46986l1.74554,-3.05319c2.96042,1.03875 6.12881,1.61827 9.43791,1.61978c16.01865,-0.00301 28.99816,-13.08837 29.00192,-29.23147c-0.00376,-6.6999 -2.2662,-12.85415 -6.0264,-17.78312l0,0z" 
                           stroke="#fff" 
                           fill="#fff"/>
                         </svg>
                        </div>
                        <div class="xy-camera-tools">
                          <div class="xy-camera-tools-cancel">
                            <svg viewBox="0 0 13 13">
                              <line x1="0" y1="0" x2="13" y2="13"></line>
                              <line x1="13" y1="0" x2="0" y2="13"></line>
                            </svg>
                          </div>
                          <div class="xy-camera-tools-shoot">
                            <span></span>
                          </div>
                          <div class="xy-camera-tools-shoot-video">
                            <div class="video-wrapper">
                              <span></span>
                            </div>
                          </div>
                          <div class="xy-camera-tools-video-time"></div>
                          <div class="xy-camera-tools-sure">
                            <svg viewBox="0 0 20 20">
                              <polyline points="0 9 2 9 8 14 19 1" fill="none"></polyline>
                            </svg>
                          </div>
                        </div>
                    </img>`;

          //! 创建 video 组件显示视频 canvas 截取图片
          this.cameraBox = document.createElement('div');
          this.cameraBox.className = 'xy-camera-wrapper';
          this.cameraBox.innerHTML = CONTENT;

          //! 设置打开相机时候的动画 body 设置无法滚动
          this.cameraBox.style.transition = 'top 0.3s';
          document.body.style.overflow = 'hidden';
          document.body.appendChild(this.cameraBox);
          this.cameraBox.style.top = '100vh';
          //! 延时使渐变作用
          setTimeout(() => {
            this.cameraBox.style.top = '0';
          });

          this.video = document.querySelector('.xy-camera-to-video');
          this.canvas = document.querySelector('.xy-camera-to-canvas');
          this.context = this.canvas.getContext("2d");

          history.pushState(null, null, document.URL);

          this.closeCamera = this.closeCamera.bind(this);

          // 监听浏览器返回键
          if (window.history && window.history.pushState) {
            window.addEventListener('popstate', this.closeCamera, false);
          }

          this.openCamera();
        }



        // 打开相机
        openCamera() {
          if (this.type == 'image') {
            //! 照片
            document.querySelector('.xy-camera-tools-shoot').style.display = 'block';
          } else {
            //! 视频
            document.querySelector('.xy-camera-tools-shoot-video').style.display = 'flex';
          }

          window.xyCameraIsClosed = false; //! 是否在视频流生成之前就关闭了拍照界面
          this.openSuccess = this.openSuccess.bind(this);
          this.openFiled = this.openFiled.bind(this);

          this.getUserMediaToPhoto({
            audio: this.audio,
            video: {
              width: { ideal: 1920 },
              height: { ideal: 1080 },
              facingMode: this.facingMode,
              "permissions": {
                "audio-capture": {
                  "description": "Required to capture audio using getUserMedia()"
                },
                "video-capture": {
                  "description": "Required to capture video using getUserMedia()"
                }
              }
            }
          }, this.openSuccess, this.openFiled);

          //! 关闭相机按钮绑定事件 修改 this 指向
          document.querySelector('.xy-camera-close').addEventListener('click', this.closeCamera);
        }

        // 申请摄像头 显示视频到 video
        getUserMediaToPhoto(constraints, success, error) {
          if (navigator.mediaDevices.getUserMedia) {
            //! 最新标准API
            navigator.mediaDevices.getUserMedia(constraints).then(success).catch(error);
          } else if (navigator.webkitGetUserMedia) {
            //! webkit核心浏览器
            navigator.webkitGetUserMedia(constraints, success, error);
          } else if (navigator.mozGetUserMedia) {
            //! firefox浏览器
            navigator.mozGetUserMedia(constraints, success, error);
          } else if (navigator.getUserMedia) {
            //! 旧版API
            navigator.getUserMedia(constraints, success, error);
          }
        }

        // 关闭相机
        closeCamera() {
          document.body.style.overflow = '';
          this.cameraBox.style.top = '100vh';

          if (this.mediaStreamTrack) {
            this.mediaStreamTrack.getTracks().forEach(track => {
              track.stop();
            });
          }
          document.querySelector('.xy-camera-reverse').removeEventListener('click', this.reverseCamera);
          window.removeEventListener('popstate', this.closeCamera, false);

          window.xyCameraIsClosed = true;

          //! 0.3秒的动画执行完 再销毁组件 关闭摄像头
          setTimeout(() => {
            clearInterval(this.timer);
            this.timer = '';

            document.body.removeChild(this.cameraBox);
          }, 300);
        }

        // 成功唤起摄像头成功的回调函数
        openSuccess(stream) {
          let self = this;
          //! 兼容webkit核心浏览器
          //! var CompatibleURL = window.URL || window.webkitURL;
          //! 将视频流转化为video的源
          this.mediaStreamTrack = stream;

          if (window.xyCameraIsClosed) {
            stream.getTracks().forEach(track => {
              track.stop();
            });
          }

          try {
            //! video.src = CompatibleURL.createObjectURL(stream);
            this.video.srcObject = stream;
          } catch (e) {
            console.log("访问用户媒体设备失败：", e.name, e.message);
          }

          this.video.onloadedmetadata = function (e) {
            //! 视频数据加载完毕
            document.querySelector('.xy-camera-loading').style.display = 'none';
            self.video.play(); //! 播放视频

            //! 前置摄像头翻转镜头
            if (self.facingMode == 'user') {
              document.querySelector('.xy-camera-to-video').classList.add('rotateActive');
              document.querySelector('.xy-camera-showVideo').classList.add('rotateActive');
            } else {
              document.querySelector('.xy-camera-to-video').classList.remove('rotateActive');
              document.querySelector('.xy-camera-showVideo').classList.remove('rotateActive');
            }

            self.reverseCamera = self.reverseCamera.bind(self);
            document.querySelector('.xy-camera-reverse').addEventListener('click', self.reverseCamera);
          };

          //! 可以播放视频的时候添加事件 获取摄像头可以拍摄的真实宽高
          this.video.addEventListener('canplay', function () {
            self.canvas.width = this.videoWidth;
            self.canvas.height = this.videoHeight;
          });

          if (this.type == 'image') {
            //! 将视频绘制到canvas上
            this.getImage = this.getImage.bind(this);
            document.querySelector('.xy-camera-tools-shoot').addEventListener('click', this.getImage);
          } else {
            //! 创建录制对象
            this.recorder = new window.MediaRecorder(this.mediaStreamTrack);

            let self = this;
            this.recorder.ondataavailable = (res) => {
              //! 录制的数据
              self.chunks = [];
              self.chunks.push(res.data);

              //! 用于播放的视频流
              let blob = new Blob(self.chunks, {
                'type': 'video/webm'
              });

              self.videoStream = URL.createObjectURL(blob);
            };

            this.startRecord = this.startRecord.bind(this);
            document.querySelector('.xy-camera-tools-shoot-video').addEventListener('click', this.startRecord);
          }
        }

        // 唤起摄像头失败的回调函数
        openFiled(error) {
          if (error) {
            if (error.toString().indexOf('AbortError')) {
              alert('未知错误 AbortError');
            } else if (error.toString().indexOf('NotAllowedError')) {
              alert('没有权限访问媒体设备 NotAllowedError');
            } else if (error.toString().indexOf('NotFoundError')) {
              alert('找不到满足请求参数的媒体类型 NotFoundError');
            } else if (error.toString().indexOf('NotReadableError')) {
              alert('无法读取媒体设备 NotReadableError');
            } else {
              alert(error);
            }
          }

          this.closeCamera();
        }

        // 翻转摄像头
        reverseCamera() {
          this.reverseTimes++;
          this.facingMode = this.facingMode == 'user' ? 'environment' : 'user';
          this.mediaStreamTrack.getTracks()[0] && this.mediaStreamTrack.getTracks()[0].stop();
          this.mediaStreamTrack.getTracks()[1] && this.mediaStreamTrack.getTracks()[1].stop();

          document.querySelector('.xy-camera-loading').style.display = 'flex';
          document.querySelector('.xy-camera-reverse').removeEventListener('click', this.reverseCamera);
          document.querySelector('.xy-camera-reverse').style.transform = `rotateZ(${this.reverseTimes * 180}deg)`;

          if (this.reverseTimes % 2 != 0) {
            document.querySelector('.xy-camera-reverse').classList.add('active');
          } else {
            document.querySelector('.xy-camera-reverse').classList.remove('active');
          }

          //! 重新调用
          this.getUserMediaToPhoto({
            audio: this.audio,
            video: {
              width: { ideal: 1920 },
              height: { ideal: 1080 },
              facingMode: this.facingMode,
              "permissions": {
                "audio-capture": {
                  "description": "Required to capture audio using getUserMedia()"
                },
                "video-capture": {
                  "description": "Required to capture video using getUserMedia()"
                }
              }
            }
          }, this.openSuccess, this.openFiled);
        }

        // 获取照片
        getImage() {
          if (this.shootImage) {
            //! 已存在照片 限制重复拍照
            return;
          }

          if (this.facingMode == 'user') {
            //! 前置摄像头左右镜像翻转图片
            this.context.translate(this.canvas.width, 0);
            this.context.scale(-1, 1);
          }
          this.context.drawImage(this.video, 0, 0, this.canvas.width, this.canvas.height);

          this.shootImage = this.canvas.toDataURL('image/jpg', 1.0);

          //! 获取完整的base64编码
          let img = document.querySelector('.xy-camera-showImg');

          img.parentNode.style.display = 'flex';
          img.src = this.shootImage;

          document.querySelector('.xy-camera-tools-cancel').style.display = 'flex';
          document.querySelector('.xy-camera-tools-sure').style.display = 'flex';

          this.cancel = this.cancel.bind(this);
          this.save = this.save.bind(this);
          document.querySelector('.xy-camera-tools-cancel').addEventListener('click', this.cancel);
          document.querySelector('.xy-camera-tools-sure ').addEventListener('click', this.save);
        }

        // 拍摄视频
        startRecord() {
          //! 防止重复拍摄
          if (this.isRecord || this.videoStream) {
            return;
          }

          const WRAPPER = document.querySelector('.xy-camera-tools-shoot-video');
          const SPAN = WRAPPER.querySelector('span');
          const TIME = document.querySelector('.xy-camera-tools-video-time');

          TIME.style.display = 'block';

          WRAPPER.classList.add('active');
          SPAN.classList.add('active');

          //! 正向计时
          let count = 1;
          TIME.innerText = this.recordTime;

          this.timer = setInterval(() => {
            let minute = 0,
              second = 0;
            minute = parseInt(count / 60 % 60).toString();
            second = parseInt(count % 60).toString();
            this.recordTime = minute.padStart(2, '0') + ":" + second.padStart(2, '0');
            count++;

            TIME.innerText = this.recordTime;

            if (count == 3599) {
              clearInterval(this.timer);
              this.timer = '';
            }
          }, 1000);

          this.isRecord = true;

          this.finishRecord = this.finishRecord.bind(this);
          WRAPPER.addEventListener('click', this.finishRecord);

          //! 开启录制
          this.recorder.start();
        }

        // 结束录制
        finishRecord() {
          const WRAPPER = document.querySelector('.xy-camera-tools-shoot-video');
          const SPAN = WRAPPER.querySelector('span');

          WRAPPER.classList.remove('active');
          SPAN.classList.remove('active');

          this.isRecord = false;

          clearInterval(this.timer);
          this.timer = '';

          //! 停止录制
          this.recorder.stop();
          WRAPPER.removeEventListener('click', this.finishRecord);

          let video = document.querySelector('.xy-camera-showVideo');

          video.parentNode.style.display = 'flex';

          setTimeout(() => {
            video.src = this.videoStream;
            video.muted = false;
            video.loop = true;
            video.play();
          });

          //! 是否保存
          document.querySelector('.xy-camera-tools-cancel').style.display = 'flex';
          document.querySelector('.xy-camera-tools-sure').style.display = 'flex';

          this.cancel = this.cancel.bind(this);
          this.save = this.save.bind(this);
          document.querySelector('.xy-camera-tools-cancel').addEventListener('click', this.cancel);
          document.querySelector('.xy-camera-tools-sure ').addEventListener('click', this.save);
        }

        // 取消本次拍摄
        cancel() {
          //! 事件清除与各部分的参数回到初始状态
          document.querySelector('.xy-camera-tools-cancel').style.display = 'none';
          document.querySelector('.xy-camera-tools-sure').style.display = 'none';
          document.querySelector('.xy-camera-tools-cancel').removeEventListener('click', this.cancel);
          document.querySelector('.xy-camera-tools-sure ').removeEventListener('click', this.save);

          if (this.type == 'image') {
            document.querySelector('.xy-camera-img-wrapper').style.display = 'none';
            this.shootImage = '';
          } else {
            document.querySelector('.xy-camera-tools-video-time').style.display = 'none';
            document.querySelector('.xy-camera-video-wrapper').style.display = 'none';
            clearInterval(this.timer);
            this.timer = '';
            this.isRecord = false;
            this.chunks = [];
            this.videoStream = '';
            this.recordTime = '00:00';

          }
        }

        // 保存
        save() {
          document.querySelector('.xy-camera-tools-cancel').style.display = 'none';
          document.querySelector('.xy-camera-tools-sure').style.display = 'none';
          document.querySelector('.xy-camera-tools-cancel').removeEventListener('click', this.cancel);
          document.querySelector('.xy-camera-tools-sure ').removeEventListener('click', this.save);

          if (this.type == 'image') {
            document.querySelector('.xy-camera-img-wrapper').style.display = 'none';
            document.querySelector('.xy-camera-tools-shoot').removeEventListener('click', this.getImage);

            if (this.isFile) {
              this.callbackSuccess(this.dataURLtoFile(this.shootImage, new Date().getTime() + Math.random()
                .toString().substr(3, 5)));
            } else {
              this.callbackSuccess(this.shootImage);
            }

            this.shootImage = '';
            this.closeCamera();
          } else {
            document.querySelector('.xy-camera-tools-shoot-video').removeEventListener('click', this.startRecord);
            document.querySelector('.xy-camera-video-wrapper').style.display = 'none';

            let blob = new Blob(this.chunks, {
              'type': 'video/webm'
            }),
              files = '';

            files = new window.File(
              [blob],
              new Date().getTime() + Math.random().toString().substr(3, 5), {
              type: blob.type
            }
            );

            this.callbackSuccess(files);

            this.chunks = [];
            this.closeCamera();
          }
        }


        // 将base64转换为文件对象
        dataURLtoFile(dataurl, filename) {
          var arr = dataurl.split(',');
          var mime = arr[0].match(/:(.*?);/)[1];
          var bstr = atob(arr[1]);
          var n = bstr.length
          var u8arr = new Uint8Array(n);
          while (n--) {
            u8arr[n] = bstr.charCodeAt(n);
          }
          //! 转换成file对象
          return new File([u8arr], filename, {
            type: mime
          });
          //! 转换成成blob对象
          // return new Blob([u8arr],{type:mime});
        }
      }

      return new OpenCamera(opt);
    },
  }

  win.$xy = new XyTools();
})(window);